@charset "utf-8"; /* CSS Document */ #wrapper{ margin:0 auto; width:1000px; height:900px; position:relative; } #wrapper #header{ width:100%; margin:0px; height:350px; position:relative; } #wrapper #header .menu{ position:absolute; margin-left: 30px; margin-top: -110px; } #wrapper #header .girl{ background:url(giang-sinh/girl.png) top center no-repeat; position:absolute; margin:-300px 0 0 680px; width:438px; height:300px; } #wrapper #header .menu img{ border:0px; opacity:1; } #wrapper #header .menu img:hover{ opacity:0.7; } #wrapper #middle{ width:100%; margin:0px; height:auto; } #wrapper #middle .left{ margin-top:34px; width:521px; height:auto; float:left; } #wrapper #middle .right{ margin-top:34px; width:477px; height:auto; float:right; } #wrapper #middle .left .head{ background:url(giang-sinh/tab-left.png) top left no-repeat; font:bold 20px/1.5em arial; color:#C00; text-transform:uppercase; padding:10px; height:35px; width:100%; text-shadow:0 1px 2px #F90; } #wrapper #middle .left .content{ background:url(giang-sinh/tab-content.png) top left no-repeat; height:486px; width:100%; } #wrapper #middle .right .head{ background:url(giang-sinh/tab-right.png) top left no-repeat; height:35px; width:100%; text-align:right; text-shadow:0 1px 2px #F90; font:bold 20px/1.5em arial; color:#C00; text-transform:uppercase; padding:10px; } .head2{ background:url(giang-sinh/tab-right2.png) top left no-repeat; height:35px; width:100%; text-align:right; text-shadow:0 1px 2px #F90; font:bold 20px/1.5em arial; color:#C00; text-transform:uppercase; padding:10px; margin-left:3px; margin-right:-2px; } #wrapper #middle .right .head span{margin-right:25px;} #wrapper #middle .right .head2 span{margin-right:25px;} #wrapper #middle .right .content{ background:url(giang-sinh/tab-right-content.png) top center no-repeat; height:436px; width:100%; position:relative; } #wrapper #middle .right .content .nav{ width:210px; height:auto; margin-left:10px; position:absolute; } #wrapper #middle .right .content .nav img{ border:0px; opacity:1; } #wrapper #middle .right .content .nav img:hover{ opacity:0.7; } #wrapper #middle .right .content .santa-mes{ background:url(giang-sinh/santa-mes.png) top center no-repeat; width:244px; height:365px; margin-left:219px; } #wrapper #middle .right .content .santa-mes h4{ width:120px; height:160px; font-weight:normal; color:#F00; font-style:normal; text-align:justify; font-family:arial; margin:0; padding:170px 0 0 110px; } #wrapper #footer{ background:url(giang-sinh/footer.png) top center no-repeat; position:relative; width:1000px; height:217px; } #wrapper #footer .nav{ position:absolute; margin:60px 0 0 250px; } #wrapper #footer .santa{ background:url(giang-sinh/santa.png) top center no-repeat; position:absolute; margin:-90px 0 0 650px; width:190px; height:318px; } #wrapper #footer .nav img{ border:0px; opacity:1; } #wrapper #footer .nav img:hover{ opacity:0.7; } .clear{clear:both;} .t10{ background-attachment: scroll; background-repeat: repeat-y; background-position: 0% 0%; background-color: transparent; background-image: url(giang-sinh/ok1.png);} .t11{ background-attachment: scroll; background-repeat: repeat; background-position: 0% 0%; background-color: #fff; background-image: none; margin: -5px;} .t12{ background-attachment: scroll; background-repeat: repeat-y; background-position: 0% 0%; background-color: transparent; background-image: url(giang-sinh/ok3.png); margin: -3px;} .t13{ background-attachment: scroll; background-repeat: repeat-x; background-position: 0% 0%; background-color: transparent; background-image: url(giang-sinh/ok2.png);}